﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/HT_Layout.cshtml";
}

<div class="box-body">
    <div class="btn btn-success" id="Add">添加管理员</div>


    <div class="row-fluid sortable">
        <div class="box span12">
            <div class="box-header" data-original-title>
                <h2><i class="halflings-icon user"></i><span class="break"></span>Members</h2>
                <div class="box-icon">
                    <a href="#" class="btn-setting"><i class="halflings-icon wrench"></i></a>
                    <a href="#" class="btn-minimize"><i class="halflings-icon chevron-up"></i></a>
                    <a href="#" class="btn-close"><i class="halflings-icon remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <table class="table table-striped table-bordered bootstrap-datatable datatable">
                    <thead>
                        <tr>
                            <th>编号</th>
                            <th>收货人</th>
                            <th>收货人电话</th>
                            <th>地址区域</th>
                            <th>详细地址</th>
                            <th>是否默认</th>
                            <th>用户ID</th>
                            <th>下单人</th>
                            <th>下单人电话</th>
                            <th>操作</th>
                        </tr>
                    </thead>

                </table>
            </div>
        </div><!--/span-->

    </div><!--/row-->
</div>

@section myScript{
    <script>

        var datatable;
        ////初始化datatable
        //function loaddata() {
        //    //初始化datatable数据
        //    datatable = $('.datatable').datatable({
        //        //使用ajax请求
        //        ajax: serverpath+'ht_admin/getall',
        //        //配置列顺序
        //        columns: [
        //            { data: 'Id' },
        //            { data: 'Username' },
        //            { data: 'Password' },
        //            { data: 'IsEnable' },
        //            { data: 'LastTiem' },
        //            { data: 'operation' },

        //        ],

        //    });
        //}
        ////初始化页面数据
        //loaddata();

        var column = [
            { data: 'Id' },
            { data: 'ToName' },
            { data: 'Phone' },
            { data: 'Areas' },
            { data: 'AddressInfo' },
            { data: 'IsDefault' },
            { data: 'CustomerId' },
            { data: 'SendName' },
            { data: 'SendPhone' },
            { data: 'Operation' },
        ];

        //优化了一下初始化样式
        datatable = DataTableInit(".datatable",serverPath + 'HT_Address/GetAll', "get", column);

        //编辑
        function Edit(a) {
            //获取编号
            var id = $(a).attr("data-id");
            //修改头
            $("#myModal h3").text("编辑管理员")

            $.get(serverPath + "HT_Address/Edit", { id }, function (data) {
                $("#myModal .modal-body").html(data);
                $("#myModal #btnSubmit").on("click", function () {
                    var param = {
                        Id: id,      //别忘了这里有个编号
                        ToName: $("#ToName").val(),
                        Phone: $("#Phone").val(),
                        Areas: $("#Areas").val(),
                        AddressInfo: $("#AddressInfo").val(),
                        IsDefault: $("#IsDefault")[0].checked,
                        CustomerId: $("#CustomerId").val(),
                        SendName: $("#SendName").val(),
                        SendPhone: $("#SendPhone").val(),
                    }
                    console.log(param);
                    $.post(serverPath + "HT_Address/Edit", param, function (data) {
                        if (data.Code == 200) {
                            layer.msg(data.Message);
                            $("#myModal").modal("hide");
                            datatable.ajax.reload();
                        }
                    })

                })
                $("#myModal").modal("show");
            })
        }

        //删除
        function Del(a) {
            //确认提示框
            layer.confirm('确认删除?', { icon: 3, title: '重要提示' }, function (index) {
                //获取编号
                var id = $(a).attr("data-id");
                //异步删除
                $.post(serverPath + "HT_Address/Delete", { id:id }, function (data) {
                    if (data.Code == 200) {
                        layer.msg(data.Message);
                        //重新加载数据
                        datatable.ajax.reload();
                    }
                    else {
                        layer.msg(data.Message);
                    }
                })
                //关闭提示框
                layer.close(index);
            })
        }

        //显示添加模态框
        $("#Add").on("click",function () {
            //修改头
            $("#myModal h3").text("添加管理员")

            //拉取添加页面
            $.get(serverPath + "HT_Address/Add", null, function (data) {

                $("#myModal .modal-body").html(data);

                //设置添加管理员功能
                $("#myModal #btnSubmit").on("click", function () {

                    //获取页面上的控件值
                    var param = {
                        ToName: $("#ToName").val(),
                        Phone: $("#Phone").val(),
                        Areas: $("#Areas").val(),
                        AddressInfo: $("#AddressInfo").val(),
                        IsDefault: $("#IsDefault")[0].checked,
                        CustomerId: $("#CustomerId").val(),
                        SendName: $("#SendName").val(),
                        SendPhone: $("#SendPhone").val(),
                    }
                    console.log(param);
                    //异步提交添加请求
                    $.post(serverPath + "HT_Address/Add", param, function (result) {
                        if (result.Code == 200) {
                            layer.msg(result.Message);
                            datatable.ajax.reload();
                            $("#myModal").modal("hide");
                        }
                        else {
                            layer.msg("添加失败")
                        }
                    //    if (data.Code != 200) {
                    //        //添加失败
                    //        layer.msg(data.Message);
                    //        return;
                    //    }
                    //    else {
                    //        //添加成功
                    //        layer.msg(data.Message);
                    //        $("#myModal").modal("hide");

                    //        //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                    //        //使用此方法，重新加载数据源绑定
                    //        datatable.ajax.reload();

                    //        //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                    //    }
                    });

                })
                //显示模态框
                $("#myModal").modal("show");

            });
        })


    </script>
}